.box {
    width: 100%;
    padding: 0 10rpx;
    box-sizing: border-box;
    padding-top: 20rpx;

    >view:first-of-type {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        >view:first-of-type {
            flex: 1;
            min-width: 25%;
            max-width: 25%;
            margin-right: 10rpx;

            >image {
                width: 100%;
                height: 260rpx;
            }
        }

        >view:last-of-type {
            flex: 3;

            >view:first-of-type {
                color: #000;
                font-weight: 900;
                font-size: 60rpx;
            }

            >view:last-of-type,
            >view:nth-of-type(2),
            >view:nth-of-type(3) {
                color: #aaa;
                font-size: 28rpx;
                margin-top: 10rpx;
            }
        }
    }

    >view:nth-of-type(2) {
        padding-left: 20rpx;
        border-left: 20rpx solid #006AFF;
    }


    >view:nth-of-type(3) {
        font-size: 30rpx;
        margin-top: 10rpx;
        color: #aaa;
    }

    >view:last-of-type {
        display: flex;
        margin-top: 30rpx;
        justify-content: center;
    }
}

.dilog-box {
    width: 100%;
    padding: 0 20rpx;
    box-sizing: border-box;
    padding-bottom: 20rpx;

    >view:first-of-type {
        margin-top: 20rpx;
        width: 100%;

        >video {
            width: 100%;
            height: 200rpx;
        }
        >audio{
            width: 100%;
            height: 100rpx;
            margin: 0 auto;
        }
    }

    >view:nth-of-type(2) {
        width: 100%;

        >view:first-of-type {
            font-size: 39rpx;
            text-align: center;
            color: #000;
            font-weight: 900;
            margin-top: 20rpx;
        }

        >view:last-of-type {
            font-size: 30rpx;
            margin-top: 20rpx;
        }
    }

    >view:last-of-type {
        margin-top: 20rpx;
        display: flex;
        justify-content: center;
    }
}